<style>
    html, body {
        -ms-touch-action:none;
        background: #1d2054;
        padding: 0;
        border: 0;
        margin: 0;
        height: 100%;
        text-align: center;
    }

    .main_bg_phone{
        background-image: url(./imgs/phone/phone_bg.jpg);
        background-repeat: no-repeat;
        background-size: 100%;

    }

    .phone_bg_img{
        width: 640px;
        /*min-width: 640px; */
        height:960px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .top_div{
        width: 100%;
        top: 0;
        height: 140px;

    }

    .select_div{
        margin-top: 5px;
        width: 100%;
    }

    .left_arrow{
        position: absolute;
        left: 0;
    }
    
    .right_arrow{
        position:absolute;
        right: 0;
    }

    .content_div{
        display: inline-block;
        position: relative;
        width: 100%;
    }

    .content_img{
        width: 36.7%;
    }
    .bottom_div{
        background-image: url(imgs/phone/main_phone/phone_main_signrecord.png);
        background-size: 100%;
        display: inline-block;
        width: 96.1%;
        height: 20%;
        position: relative;
        bottom: 0;
        background-repeat: no-repeat;
    }

    .more_a{
        position: absolute;
        right: 5px;
        top: 4px;
        font-size: 1.25rem;
        color: #fff;

    }

    .content{
        background-image: url(imgs/phone/main_phone/phone_main_bg.png);
        background-size: 100%;
        background-repeat: no-repeat;
        width: 100%;
        vertical-align: middle;
    }

    .row_container{
        font-size: 0;
    }

    .row_container li{
        display: inline-block;
        width: 100%;
    }

    .row_container li img{
        width: 100%;
    }

    .self_title{
        background-image: url(imgs/phone/main_phone/phone_main_infomation.png);
        background-size: 100%;
        background-repeat: no-repeat;
        width: 100%;
        display: inline-block;
    }

    .select{
        background-image: url(imgs/phone/main_phone/phone_main_news.png);
        width: 70.6%;
        font-size: 1.25rem;
        color: #ecf4ff;
        text-align: left;
        padding-left: 10px;
       
    }

    .bottom_ul{
        position: relative;
        text-align: left;
        list-style: none;
        width: 100%;
        overflow-y: auto;
        padding: 0;
        display: inline-block;
    }

    .bottom_ul li{
        width: 100%;
        height: 35px;
        line-height: ;
        border-bottom: #ccc solid 1px;
        font-size: 20pt;
    }

    .bottom_ul li:last-child{
        border: none;
    }

    .bottom_ul img{
        margin-right: 50px;
    }
    .signBtn{

    }

    </style>




<div class="content_div">
    <div class="top_div" style="height: 100%;">
        <div style="display: inline-block; width: 100%; margin-top: 25px;overflow-x: auto;">
        <img class="left_arrow" src="imgs/phone/main_phone/left_arrow.png" style="width: 3.1%; margin-top: 15px;">
        <img class="right_arrow" src="imgs/phone/main_phone/right_arrow.png" style="width: 3.1%; margin-top: 15px;">
            <img src="imgs/phone/main_phone/phone_main_avatar.jpg" style="width: 19.4%;">
            <img src="imgs/phone/main_phone/phone_main_avatar.jpg" style="width: 19.4%;">
            <img src="imgs/phone/main_phone/phone_main_avatar.jpg" style="width: 19.4%;">
            <img src="imgs/phone/main_phone/phone_main_avatar.jpg" style="width: 19.4%;">
        </div>
    </div>
    <!--选择词-->
    <div class="select_div">
        <div id="comboboxDiv" style="width: 100%; display: inline-block; position: relative; vertical-align: top;">
            <a id="signBtn" style="float:right; width: 26.7%"><img src="imgs/phone/main_phone/phone_main_sign.png" style="width: 100%";  ></a>            
             <a id="triangle" style="float:right; width: 7%"><img src="imgs/phone/main_phone/phone_main_triangle.png" style="width: 100%";></a>
          <div class="select">
                <span style="font-size: 1.75rem";>输</span>
                
            </div>
            <ul class="dropdown-menu" role="menu">
                <li><a>Action</a></li>
                <li><a>Another action</a></li>
                <li><a>Something else herefdsfsdafadsfsadfasdfsadfdsa</a></li>
                <li><a>Separated link</a></li>
            </ul>
        </div>
        
    </div>
    <!--提醒
    <div style="margin: 10px 0;">
        <img src="imgs/tips.png">
    </div>-->
    <!--内容-->
    <div id="contentDiv" class="content" style="margin-top: 5px;">
        <div class="row_container" style="width: 98%;">
            
            <li class="self_tile">
                <img src="imgs/phone/main_phone/phone_main_infomation.png">
            </li>
            <li class="normal_tile">
                <img src="imgs/phone/main_phone/phone_main_infomation.png">
            </li>
            <li class="normal_tile">
                <img src="imgs/phone/main_phone/phone_main_infomation.png">
            </li>
            
>
            
        </div>
        <!--底部-->
        <div class="bottom_div">
            <a class="more_a" href="#detail"><span>更多</span></a>
            <ul class="bottom_ul" style="margin-top: 20px; list-style: none; width: 100%; height: 105px; overflow-y: auto;">
                
                 <li>
                    <a class="dayList" href="#">
                    <img src="imgs/logo.png" style="width: 21%;">
                    <span class="nameSpan"></span>
                    </a>
                </li>
                <li>
                    <a class="dayList" href="#">
                    <img src="imgs/logo.png" style="width: 21%;">
                    <span class="nameSpan"></span>
                    </a>
                </li>
               
            </ul>
        </div>
    </div>
</div>
</div>

<script id="bottomTpl" type="text/template">
    <li>
        <a class="dayList" href="#">
        <img src="imgs/logo.png">
        <span class="nameSpan"></span>
        </a>
    </li>
</script>
